import React from 'react'
import { SellerWrap } from './styled'

const Seller = (props) => {
    return (
        <SellerWrap>
            <div className="title">
                <div className="wrap">
                    <img src={props.seller.avatarUrl} alt=""/>
                    <div className="title-top">
                        <p>{props.seller.name}</p>
                        <div>
                            <span>{props.seller.sellerLevel}</span>
                            <span>{props.seller.sellerDSR.DSRPoint.point}</span>
                            <img src={props.seller.countryIconUrl} alt=""/>
                            <span>{props.seller.countryName}</span>
                        </div>
                    </div>
                </div>
                <div className="guanzhu">+未关注</div>
            </div>
            <ul className="main">
                <li>
                    <span>最近销量</span>
                    <span>1232</span>
                </li>
                <li>
                    <span>粉丝</span>
                    <span>1234</span>
                </li>
                <li>
                    <span>综合评分</span>
                    <span>4.8</span>
                </li>
                <li>
                    <span>买家评价<i>4.8</i></span>
                    <span>物流服务<i>4.6</i></span>
                    <span>客户服务<i>4.7</i></span>
                </li>
            </ul>
            <div className="button">
                <img src="" alt=""/>    
                进店看看
            </div>
        </SellerWrap>
    )
}

export default Seller